@charset "UTF-8";

@import '_reset';
@import "_common";
// 中间
section {
	padding: r(89) 0 r(96);
	width: 100%;
	height: 100%;
	overflow: auto;
	.main {
		font-size: r(22);
		color: $colorGray;
		width: r(580);
		margin: 0 auto;
		.publish {
			font-size: r(30);
			color: black;
			font-weight: bold;
			margin-top: r(42);
		}
		.date {
			margin-top: r(18);
			margin-bottom: r(45);
			display: flex;
			p {
				
			}
			i {
				font-size: r(18);
				margin-left: r(10);
			}
		}
		.m_content {
			padding-bottom: r(29);
			border-bottom: 1px solid #e6e6e6;
			p {
				
			}
			img {
				width: 100%;
				margin-top: r(29);
			}
		}
	}
	.connection {
		&>p {
			color: $colorGray;
			font-weight: block;
			font-size: r(28);
			margin: r(36) auto 0;
			width: r(580);
		}
		.way {
			margin-top: r(5);
			background-color: $color;
			height: r(150);
			display: flex;
			p {
				position: relative;
				width: 33.3%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				color: white;
				font-size: r(22);
				i {
					font-size: r(60);
				}
				span {
					margin-top: r(10);
					display: block;
				}
				&:nth-child(2) {
					&::before {
						content: "";
						position: absolute;
						left: 0;
						top: 50%;
						transform: translateY(-50%);
						width: 1px;
						height: r(120);
						background-color: white;
					}
					&::after {
						content: "";
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
						width: 1px;
						height: r(120);
						background-color: white;
					}
				}
			}
		}
	}
}
